// 静态内容展示
function renderContent() {
    // 假设图片放在项目根目录下的 images 文件夹中
    const content = [
        {
            title: '项目介绍',
            description: '这是一个包含多种功能的网页项目',
            // 确认路径是否正确
            image:"project\images\微信图片_20250709101422.jpg" 
        },
        {
            title: '功能特性',
            description: '支持登录注册、数据可视化等功能',
            // 确认路径是否正确
            image: "project\images\微信图片_20250709101448.jpg"
        }
    ];

    const container = document.getElementById('contentContainer');
    content.forEach(item => {
        const card = document.createElement('div');
        card.className = 'card';
        card.innerHTML = `
            <img src="${item.image}" alt="${item.title}">
            <h2>${item.title}</h2>
            <p>${item.description}</p>
        `;
        container.appendChild(card);
    });
}

window.addEventListener('load', renderContent);
